<template>
    <view v-if="hideMode" class="status-bar"></view>
    <tm-navbar v-else title="导航栏" v-bind="$attrs">
        <template #left v-if="$slots.left">
            <slot name="left"></slot>
        </template>

        <template #right v-if="$slots.right">
            <slot name="right"></slot>
        </template>
    </tm-navbar>
</template>

<script lang="ts" setup>
    const props = defineProps({
        hideMode:{
            type:Boolean,
            default:false
        }
    })
</script>

<style lang="less" scoped>
.status-bar{
    height:var(--status-bar-height);
}
</style>
